import React from "react";
import { FiMoreVertical } from "react-icons/fi";
import type { Group } from "../mock/types";

interface GroupInfoProps {
  group: Group;
  onMore: () => void;
}

const GroupInfo: React.FC<GroupInfoProps> = ({ group, onMore }) => (
  <div className="flex justify-between items-center p-4 bg-green-500 text-white">
    <div className="w-8"></div>
    <div className="font-semibold">{group.name}</div>
    <button onClick={onMore}>
      <FiMoreVertical size={24} />
    </button>
  </div>
);

export default GroupInfo;
